<div class="container_ personalCenter">
    <!-- 用户信息 -->
    <div class="userInfo">
        <div class="user">
            <div class="nameAndTouxiang">
                <img src="{{asset('images/500406908_banner@2x.png')}}" alt="">
                <div>
                    <p class="userName">花生丶毛豆</p>
                    <p>个人</p>
                </div>
            </div>
            <a class="signOut" href="{{ route('logout') }}"
               onclick="event.preventDefault();
                           document.getElementById('logout-form').submit();">
                退出登录
            </a>
            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                {{ csrf_field() }}
            </form>
        </div>
        <div class="shebeixinxi">
            <div class="Renewalfee" style="margin-top: 20px;">
                <div>押金：已交</div>
                <a class="xufei" href="{{route('user.refund')}}">退押金</a>
            </div>
        </div>
    </div>

    <!-- 我的设备 -->
    <div class="myDevice">
        <div class="myDeviceTitle">我的设备</div>
        <div class="list">
            <a href="{{route('scan.index')}}">
                <img src="{{asset('icon/shaoyishao(1)@2x.png')}}" alt="">
                <p>扫码开柜</p>
            </a>
            <a href="{{route('user.record')}}">
                <img src="{{asset('icon/shiyongjilu@2x.png')}}" alt="">
                <p>使用记录</p>
            </a>
            <a href="#">
                <img src="{{asset('icon/baoxiu@2x.png')}}" alt="">
                <p>设备报修</p>
            </a>

            <div class="kongItem"></div>
            <div class="kongItem"></div>
            <div class="kongItem"></div>
            <div class="kongItem"></div>
            <div class="kongItem"></div>
            <div class="kongItem"></div>
        </div>
    </div>

    <div style="height: 10px;background-color: #ececec;margin-top: 30px;"></div>

    <!-- 系统设置 -->
    <div class="myDevice">
        <div class="myDeviceTitle">系统设置</div>
        <div class="list">
            <a href="{{route('about.index')}}">
                <img src="{{asset('icon/guanyuwomen@2x.png')}}" alt="">
                <p>关于我们</p>
            </a>

            <div class="kongItem"></div>
            <div class="kongItem"></div>
            <div class="kongItem"></div>
            <div class="kongItem"></div>
            <div class="kongItem"></div>
            <div class="kongItem"></div>
        </div>
    </div>
</div>

